<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上面的例子也可以设置一个单一属性：</title>
    <style>
        p
        {
            border-style: dotted solid;
        }
    </style>
</head>
<body>
<p>两个不同的边界样式。</p>
<!--border-style属性可以有1-4个值：-->
<!--border-style:dotted solid double dashed;-->
<!--上边框是 dotted-->
<!--右边框是 solid-->
<!--底边框是 double-->
<!--左边框是 dashed-->
<!--border-style:dotted solid double;-->
<!--上边框是 dotted-->
<!--左、右边框是 solid-->
<!--底边框是 double-->
<!--border-style:dotted solid;-->
<!--上、底边框是 dotted-->
<!--右、左边框是 solid-->
<!--border-style:dotted;-->
<!--四面边框是 dotted-->
<!--上面的例子用了border-style。然而，它也可以和border-width 、 border-color一起使用。-->
</body>
</html>